.friendship-link-container {
  @apply mx-auto w-full max-w-screen-lg grid grid-cols-1 md:grid-cols-4 gap-4 px-6 py-6;
  .friendship-link-item {
    @apply flex mb-3 px-4 py-3 w-full cursor-pointer;
    .logo {
      @apply w-8 h-8 rounded-lg mr-2 overflow-hidden;
      img {
        @apply w-full h-full;
      }
    }
    .title {
      @apply flex-1 leading-loose truncate;
    }
  }
}
